<template>
<div v-if="data.policy_name" class="detail_page">
  <img class="back" src="~@/assets/back.png"  alt="" @click="back">
  <div class="title">
    {{data.policy_name}}
  </div>
  <div class="item_ddd">
    <div v-html="data.content"></div>
  </div>
  <back />
</div>
</template>
<script>
import {policy} from '@/api/api'
import back from '@/components/back.vue'
export default {
  data(){
    return{
      data:{policy_name:''}
    }
  },
  components:{back},
  created(){
    let id = this.$route.query.id
    policy.detail({id}).then(res=>{
      this.data = res.data
    })
  },
  methods:{
    back(){
      this.$router.go(-1)
    },
  }
}
</script>
<style lang="scss" scoped>
.detail_page{
  width: 100%;
  position: relative;
}
.top_img{
  width: 100%;
}
.title{
  padding: 10px 30px 10px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.item_ddd{
  margin: 10px 20px;
  .item_t{
    color: rgb(224, 3, 3);
    margin-bottom: 6px;
  }
  .item_d{
    text-indent:28px;
  }
}
.back{
	position:absolute;
	left: 4px;
	top: 7px;
	height: 32px !important;
	width: 32px !important;
	z-index: 1000;
}
</style>